<!DOCTYPE html>
<html>
<head>
	<meta name="runenv" content="cao">
    <meta charset="utf-8">
	<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="msapplication-tap-highlight" content="no">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> 

    <title>美宅科技-智购宝</title> 
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" type="text/css" href="css/framework7.ios.min.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/rest.css"> 
    <link rel="stylesheet" type="text/css" href="css/my-app.css">
  
</head>
<body>
<div class="statusbar-overlay"></div>
<div class="panel-overlay"></div> 
<div class="views"><div class="view view-main"><div class="pages navbar-through">
	 <!-- ###########商城 start ################-->
    <div id="p-shop" data-page="p-shop" class="page">   
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">商城</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>                       
        <div class="page-content">
            <div class="con-background"></div>
            <div class="main clearfix">
                <div class="mall_box borderradius boxshadow">
                <!-- 搜索 框-->
                    <form class="shop_search">
                        <input type="search" placeholder="Search" class="search_input">                          
                    </form>
                  <!-- 搜索end -->
                <div class="mall_select_box">
                    <div class="mall_select_value">全部品牌</div>
                    <div class="mall_select_list borderradius">
                        <p class="title">品牌</p>
                        <ul class="borderradius">
                            <li>品牌1</li>
                            <li>品牌1</li>
                            <li>品牌1</li>
                            <li>品牌1</li>
                        </ul>
                    </div>
                </div>
                  <!-- 搜索2 -->
                <div class="mall_select_box">
                    <div class="mall_select_value">全部品类</div>
                    <div class="mall_select_list borderradius">
                        <p class="title">品类</p>
                        <ul class="borderradius">
                            <li>品类一</li>
                            <li>品类一</li>
                            <li>品类一</li>
                        </ul>
                    </div>
                </div>
                <!-- 搜索3 -->
                <div class="mall_select_box">
                    <div class="mall_select_value">全部风格</div>
                    <div class="mall_select_list borderradius">
                      <p class="title">风格</p>
                        <ul class="borderradius">
                            <li>风格一</li>
                            <li>风格一</li>
                            <li>风格一</li>
                        </ul>
                    </div>
                </div>
                   <!-- 搜索4 -->
                <div class="mall_select_box">
                    <div class="mall_select_value">月销量</div>
                    <div class="mall_select_list borderradius">
                        <p class="title">销量</p>
                        <ul class="borderradius">
                            <li>从高到低</li>
                            <li>从低到高</li>
                        </ul>
                    </div>
                </div>
                </div> 
                <!-- 商品列表 -->
                <ul class="goodslist_box">
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>  
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                </ul>
                 <div class="toolbar clearfix J-shoping">
                  <div class="toolbar-inner">
                    <p class="shop_foot_left redword">合计（3）：¥6999</p>
                    <p class="shop_foot_right bgcolor cursor">
                      <a href="#p-purpose" class="item-link item-content whitewordcolor">查看意向商品</a>
                    </p>
                  </div>
                  <div class="addcart J-shoping-num">0</div>
                </div>
            </div>
        </div>
    <!-- ###########商城 end ################-->

    <!-- ###########商城详情页 start########## -->
    <div id="p-commoditydetails" data-page="p-commoditydetails" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-shop" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">商品详情</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="images/lizi1.png"/></div>
                    <div class="swiper-slide"><img src="images/lizi1.png"/></div>
                    <div class="swiper-slide"><img src="images/lizi1.png"/></div>
                    <div class="swiper-slide"><img src="images/lizi1.png"/> </div>
                </div>
                <div class="pagination goods_banner_list_point"></div>
                <div class="shareflag"><img src="images/indexshare.png"></div>
            </div>
            <div class="goods_details_title bgcolor">
                <p class="priceone">¥999</p>
                <p class="pricetwo"><u>¥1999</u><u>月售8笔</u></p>
                <p class="codebtn_box"><img src="images/writecodeflag.png"></p>
                <p class="Dbtn_box"><img src="images/3d.png"></p>
            </div>
            <div class="goods_details">
                <div class="goods_details_top">
                    <p class="goods_details_top_left">
                        <span>【顾家沙发】</span>这里是沙发的简介这里是沙发的简介
                    </p>
                    <p class="goods_details_top_right"><img src="images/add.png"></p>
                </div>
                <div class="goods_details_con">
                    这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介
                </div>
            </div>
            <div class="toolbar clearfix J-shoping">
                <div class="toolbar-inner">
                    <p class="shop_foot_left redword">合计（3）：¥6999</p>
                    <p class="shop_foot_right bgcolor cursor">
                      <a href="#p-purpose" class="item-link item-content whitewordcolor">查看意向商品</a>
                    </p>
                </div>
                <div class="addcart J-shoping-num">0</div>
            </div>
        </div>
    </div>
    <!-- ###########商城详情页 end########## -->
  </div> 
  </div> 
  </div> 
<script type="text/javascript" src="js/framework7.min.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/my-app.js"></script>
<script type="text/javascript" src="js/pay.base.js"></script>
<script type="text/javascript" src="js/jsoc.js"></script>
<script type="text/javascript" src="js/pay.main.js"></script>
<script type="text/javascript" src="js/jQuery-shopping.js"></script>
<script type="text/javascript">
    // $(document).ready(function(token){  
        
    //    // apiLoginByToken()
    //    var data = token;
    //     Api("passport/login",data,function(result){ 
    //     _TR(data);    
    //     setTimeout(function(){          
    //         redirectUrl("#p-shop");
    //     },10000);
    //   });
    // });  
</script>

</body>
</html>